﻿@model DateTime

@*ACHTUNG Damit das Date genutzt werden kann, setzten wir die Benutzung von https://github.com/eternicode/bootstrap-datepicker vorraus
auf der jeweiligen Seite muss noch folgendes JavaScript eingebunden werden für jede Datumsabfrage:
$('.customDatepicker').timepicker();
*@


@{
    var values = new Dictionary<string, object>();
    //Prüfen ob wir für den Typ ein Attribut HtmlTag angegeben haben und wenn ja die Werte aus der Collection holen.
    if (ViewData.ModelMetadata.AdditionalValues.ContainsKey(HtmlAttributesAttribute.HtmlTagAdditionalValuesKey))
    {
        values = (Dictionary<string, object>)ViewData.ModelMetadata.AdditionalValues[HtmlAttributesAttribute.HtmlTagAdditionalValuesKey];
    }

    //Prüfen ob KnockoutJS Attribute angegeben wurden.
    if (ViewData.ModelMetadata.AdditionalValues.ContainsKey(KockoutJsAttributesAttribute.HtmlTagKnockoutValuesKey))
    {
        foreach (KeyValuePair<string, object> keyValuePair in (Dictionary<string, object>)ViewData.ModelMetadata.AdditionalValues[KockoutJsAttributesAttribute.HtmlTagKnockoutValuesKey])
        {
            values.Add(keyValuePair.Key, keyValuePair.Value);
        }
    }
}

<div class="input-append date @WebConstants.DatePickerCssClass" data-date="@ViewData.TemplateInfo.FormattedModelValue" data-date-format="@WebConstants.DatePickerDateFormat">
    @Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue, values)   
    <span class="add-on"><i class="icon-calendar"></i></span>
</div>

